<template>
	<div class="service">
		<group-title>我的服务</group-title>
		<grid>
		    <grid-item label="Grid" v-for="(service,index) in services" :key="index" :link="service.link" >
		    	<img slot="icon" :src="service.icon">
		    	<span slot="label">{{service.txt}}</span>
		  	</grid-item>
	  	</grid>
	</div>
</template>
<script>
import { Grid, GridItem, GroupTitle } from 'vux'

export default {
	components :{
		Grid, 
		GridItem, 
		GroupTitle,
	},
	data () {
        return {
            services :[
            	{
            		name : 'address',
            		icon : require('touch/assets/home/services/location.png'),
            		txt : '地址',
            		link : '/home/service/address',
            	},
            	{
            		name : 'setting',
            		icon : require('touch/assets/home/services/settings.png'),
            		txt : '设置',
            		link : '/home/service/setting',
            	},
            ]
        }
    },
}
</script>
<style>
	.service a{text-decoration: none;}
</style>